﻿<?php
/*
 * @Author Akos Szabo - Axi
 * @Created on Jul 5, 2011
 * @Project: ujej
 * @Description: This is the template file of the registry function.
 * 
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="hu-HU" xml:lang="hu-HU" xmlns="http://www.w3.org/1999/xhtml">

<head>
  <!--  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> -->
  <meta http-equiv="Content-Language" content="hu-hu" />
  
  <title>Úgy játszanék egy jót - úgy játszanék egy jót!</title>  
<link rel="stylesheet" type="text/css" href="./ujej_reg.css" />

<!--BEGIN For hide popup list -->
<style type="text/css">
#shade, #modal { display: none; }
#shade { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; }
#modal { position: fixed; z-index: 101; top: 33%; left: 25%; width: 50%; }
#shade { background: silver; opacity: 0.5; filter: alpha(opacity=50); }
</style>
<!--END For hide popup list -->

<!--BEGIN For autocomplete --> 
<script language="javascript" type="text/javascript" src="./autocomplete/actb.js"></script>
<script language="javascript" type="text/javascript" src="./autocomplete/common.js"></script>
<!--END For autocomplete -->

</head>

<body id="main_body">

	<div id='main_menu_pane'>
		<div id='main_menu_txt'>
			<?php echo $regpage_mainmenu;?>				
		</div><!-- main_menu_txt -->			
	</div><!-- main_menu_pane -->

	<div id='reg_main_head'>
		<!-- Just display the head hfx -->
		<img usemap='#help_map' border='0' src='img/v3/reg_main_head.png' />
			<map name='help_map'>
				<area shape="rect" coords="10,10,815,190" href='index.php' title='Fő oldal' />
			</map>							
	</div><!-- reg_main_head -->
	
	<div id="_reg_form">	
		<font size="+2">Regisztráció</font>
		
		<!--BEGIN For hidden modal popup list -->
		<script>
				function sportListOnChange()
				{
					var targetElement=document.getElementById('masSport');
					var sourceElement=document.getElementById("sportList");
					//alert("Megváltozott: " + " !!! " + targetElement.id + ", " + sourceElement.value);
					targetElement.value = sourceElement.options[sourceElement.value].text;
				}
				</script>
		<div id="shade"></div>
		<div id="modal" style='text-align: center;' >
			
			<div style='background: url("img/v3/pgbckgrnd.png") repeat scroll left top; border: 6px solid #FFFFFF; width: 300px; margin: 0 auto;'>
				<br/>
				<font size="+2">Válasz sportot</font><br/>
				<?php echo $sportslist;?>				
				<br/>
				<button align='right' id="close">Bezár</button>
				<br/>			.	
			</div>		
		</div> 
		<!--END For hidden modal popup list -->
	
		<form action="register.php" method="post">
			<table align="center">
				<tr name="hintMail">
					<td align="right">e-mail </td>
					<td align="left"><input id='_input' autocomplete="off" type="text" size='50' name="umail" value="<?php echo $umail;?>" /><font color="#ff0000"><?php echo $mailMsg;?></font></td>
				</tr>

				<tr  name="hintPw">
					<td align="right">jelszó</td>
					<td align="left"><input id='_input' autocomplete="off" type="password" size='25' name="upw" /> <font color="#ff0000"><?php echo $pwMsg;?></font></td>					
				</tr>

				<tr name="pw2">
					<td align="right">jelszó ismét</td>
					<td align="left"><input id='_input' autocomplete="off" type="password" size='25' name="upw2" /> <font color="#ff0000"><?php echo $pw2Msg;?></font></td>
				</tr>

				<tr   name="hintSport">
					<td align="right">Fő Sport</br><font size="-2">késöbb változtatható, bővíthető</font></td>
					<td align="left"><input id='masSport' autocomplete="off" type="text" size='25' name="masSport" value="<?php echo $masSport;?>" /> 
					<a href="#" id="start" onClick='sportListOnSelect()'>Lista</a> <font color="#ff0000"><?php echo $sportMsg;?></font>		
					</td>
					<!-- BEGIN For autocomplete -->
					<script>
						sportArray = new Array( <?php echo $sportArray;?> );
						var obj = actb(document.getElementById('masSport'),sportArray);					
					</script>
					<!-- END For autocomplete -->
					
					<td></td>
				</tr>
			</table>	
			</br>	
			<?php captcha_num($captchaMsg); ?>	</br>
			<input id='_reg_submit' type="submit" value="Regisztrálok" name="submit_reg" />
		</form>
		
	</div><!-- End of reg_form -->

<!--BEGIN For hidden modal popup list -->
<script type="text/javascript">
var modal= document.getElementById('modal');
var shade= document.getElementById('shade');
document.getElementById('start').onclick= function() {
modal.style.display=shade.style.display= 'block';

//SPECIALIZÁLT RÉSZ CSAK a LISTA ELEJÉRE UGRÁS MIATT
//alert("Sport List Reset!");
var sourceElement=document.getElementById("sportList");
sourceElement.value = 0;

};
document.getElementById('close').onclick= function() {
modal.style.display=shade.style.display= 'none';
};
// This code is a workaround for IE6's lack of support for the
// position: fixed style.
//
if (!('maxHeight' in document.body.style)) {
function modalsize() {
var top= document.documentElement.scrollTop;
var winsize= document.documentElement.offsetHeight;
var docsize= document.documentElement.scrollHeight;
shade.style.height= Math.max(winsize, docsize)+'px';
modal.style.top= top+Math.floor(winsize/3)+'px';
};
modal.style.position=shade.style.position= 'absolute';
window.onscroll=window.onresize= modalsize;
modalsize();
}
</script> 		
<!--END For hidden modal popup list -->

	
</br>	

<!--
<?php echo $resMsg;?> 
</br>	
<?php echo 	$debugMsg;?> 
-->

<div id='main_reklam_pane'>
			<div id='main_reklam_txt'>
			<font color='#8FAE08'>Az oldal, ami összehozza a sportolni vágyókat a lehetőséget és a helyet.<br/>
			Töltsd fel a profilod, hogy a sporttársak rádtaláljanak!</font>				
			</div><!-- main_reklam_txt -->			
		</div><!-- main_reklam_pane -->

</body>
</html>